<template>
  <wxc-minibar
      :title="title"
      :use-default-return="false"
      left-button=""
      right-button="../../img/list_user.png"
      text-color="#fff"
      @wxcMinibarRightButtonClicked="minibarRightButtonClick"
    >
  </wxc-minibar>
</template>
<style>

</style>
<script>
  import { WxcMinibar } from 'weex-ui'
  export default {
    data: () => ({
      title: '',
    }),
    components: { WxcMinibar },
    created () {
      this.$set(this.$data, 'title', this.$store.state.title)
      this.$store.subscribe((action, state) => {
        this.$set(this.$data, 'title', state.title)
      })
    },
    methods: {
      minibarRightButtonClick () {
        this.$store.dispatch('CALL_MENU');
      }
    }
  }
</script>